<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-城市游记详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/cityAd.min.css?v=<%=$version%>">
</head>
<body>
<div id="travelsInfo" v-cloak>
    <header class="cityAdHotlist-top" :class="{'cityAdInfo-top1':topBg}">
        <span class="goback" @click="getBack()"></span>
        <strong>{{cityAdvInfo.title}}</strong>
        <span class="more" @click="getShare()"></span>
    </header>
    <div class="travelsInfo-top">
        <div class="travelsInfo-cover" :style="bgimg(cityAdvInfo.coverImgSrc)"></div>
        <div class="travelsInfo-cent">
            <strong class="travelsInfo-headImg" :style="bgimg(cityAdvInfo.headImg)"></strong>
            <span class="travelsInfo-headName">{{cityAdvInfo.title}}</span>
            <div class="travelsInfo-centTitle">
                <h6>{{cityAdvInfo.name}}</h6>
                <p>{{cityAdvInfo.cityName}}<span v-if="cityAdvInfo.cityName">&bull;</span>{{cityAdvInfo.createDate}}</p>
            </div>
            <div class="travelsInfo-centText" v-html="cityAdvInfo.note"></div>
        </div>
        <!--<div class="travelsInfo-head clearfix">-->
            <!--<strong class="travelsInfo-headImg" :style="bgimg(cityAdvInfo.headImg)"></strong>-->
            <!--<span class="travelsInfo-headName" :class="[cityAdvInfo.sex==1?'userPage-boy':'userPage-girl']">{{cityAdvInfo.name}}</span>-->
            <!--<span class="travelsInfo-headMoney">赚<span class="headMoney-mon">{{rewardCount}}</span></span>-->
        <!--</div>-->
    </div>
    <div class="travelsInfo-footer clearfix" :class="{'footerIsshop':cityAdvInfo.products==null}">
        <span :class="collectionState==1?'cityAd-shouc2':'cityAd-shouc1'" @click="getCollection()">{{collectionCount}}<strong></strong></span>
        <span class="cityAd-pinglun1" @click="getComment(2)">{{cityAdvInfo.commentCount}}<strong></strong></span>
        <span class="cityAd-shopp" @click="getGoods()"><strong></strong></span>
        <span :class="praiseState==1?'cityAd-heartt2':'cityAd-heartt1'" @click="getPraise()">{{praiseCount}}<strong></strong></span>
        <span class="cityAd-monneety" @click="mediaReward()">打赏</span>
    </div>
    <div class="selfMediaVd-comment" v-if="isComment">
        <h6 class="comment-title">
            <strong :class="{active:commentTab==2}">评论</strong>
            <span class="selfMediaVd-paixud" @click="getComment()"></span>
        </h6>
        <div class="comment-cent">
            <div class="comment-list" v-for="item in commentList2">
                <span class="comment-listHead" :style="bgimg(item.headImg)"></span>
                <div class="comment-listRight">
                    <h6>{{item.content}}</h6>
                    <p>{{item.uName}}<span>&bull;</span>{{item.createDate}}</p>
                    <div class="comment-listBtn">
                        <span :class="{'1':'selfMediaVd-good1','0':'selfMediaVd-good'}[''+item.praiseState]" @click="praiseMediaAdvComment(item.praiseState,item.commentId)">{{item.praiseCount}}</span>
                        <!--<span class="selfMediaVd-spcha">45</span>-->
                        <span class="selfMediaVd-sppl" @click="getCommentInfo(item.commentId)">{{item.commentCount}}</span>
                        <span class="selfMediaVd-more1"></span>
                    </div>
                    <span class="comment-listButt" v-if="item.commentCount>0" @click="getCommentInfo(item.commentId)">查看<span>{{item.commentCount}}</span>条回复</span>
                </div>
            </div>
            <!--<template v-if="cityAdvInfo.commentCount>0">-->
                <!--<div class="comment-list" v-for="item in commentList2">-->
                    <!--<span class="comment-listHead" :style="bgimg(item.headImg)"></span>-->
                    <!--<div class="comment-listRight">-->
                        <!--<h6>{{item.content}}</h6>-->
                        <!--<p>{{item.uName}}<span></span>{{item.createDate}}</p>-->
                        <!--<div class="comment-listBtn">-->
                            <!--<span class="selfMediaVd-good1">152</span>-->
                            <!--<span class="selfMediaVd-spcha">45</span>-->
                            <!--<span class="selfMediaVd-sppl">44</span>-->
                            <!--<span class="selfMediaVd-more1"></span>-->
                        <!--</div>-->
                        <!--<span class="comment-listButt">查看<span>12</span>条回复</span>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</template>-->
            <div class="loadtip" v-if="loadFlag"></div>
        </div>
        <div class="comment-butt">
            <span class="selfMediaVd-wirt"></span>
            <input type="text" v-model="commentText" placeholder="我来说两句...">
            <span class="selfMediaVd-send" @click="comment()">发送</span>
        </div>
    </div>
    <div class="selfMediaVd-goods" v-if="isGoods&&cityAdvInfo.products&&cityAdvInfo.products.length>0">
        <h6 class="comment-title">
            可售卖商品
            <span class="selfMediaVd-paixud" @click="getGoods()"></span>
        </h6>
        <div class="selfMediaVd-goodsCent">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in cityAdvInfo.products">
                        <strong :style="bgimg(item.imgSrc)"></strong>
                        <strong class="goodsCent-img" v-if="item.num<1"></strong>
                        <p>{{item.title}}</p>
                        <span>{{item.price}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="mask" @click="getReward()" :class="{'maskShow':isShare}"></div>
    <!--<div id="mediaVd-reward" v-if="isReward">
        <div class="mediaVd-rewardTitle">打赏<span class="rewardTitle-icon" @click="getReward()"></span></div>
        <template v-if="isRewardNum==1">
            <div class="rewardFixed clearfix">
                <strong class="rewardFixed-list" v-for="item in moneyList" @click="mediaReward(item.value)"><span>{{item.value}}</span></strong>
            </div>
            <span class="mediaVd-rewardBtn" @click="getIsRewardNum(2)">其他金额</span>
        </template>
        <template v-if="isRewardNum==2">
            <div class="rewardOther">
                <input type="number" placeholder="0" v-model="rewardMoney">
                <strong></strong>
            </div>
            <div class="mediaVd-rewardBtn2">
                <span class="mediaVd-rewardBtn" @click="getIsRewardNum(1)">固定金额</span>
                <span class="mediaVd-rewardBtn1" @click="mediaReward()">确定</span>
            </div>
        </template>
    </div>-->
    <div id="isReward" v-if="isReward==1"></div>
    <div id="isReward1" v-if="isReward==2"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/video-js/video.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/travelsInfo.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>